<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
  xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
  layout:decorator="layout">
  <head>
  	<title>比赛晋级管理</title>
  	<script src="/js/pagejs/usertemplate.js"></script>
  	<script type="text/javascript">
  	function export_execl(){
  		var id = $('#zpId').val();
  		location.href="exportExecl?id="+id;
  	};
  	</script>
  </head>
  <body>
	<div layout:fragment="content" class="content" id="modal">
         	
       	<div class="modal">
       		<div class="detail">
       			<div class="detail-top">
       				<label class="detail-title">关键数据<i class="icon-help"></i></label>
       			</div>
       			<div class="detail-cont">
       				<div class="detail-c-box"> <!-- active -->
       					<div class="detail-c">
       						<div class="detail-c-label">已晋级</div>
          					<div class="detail-c-count"><strong id="jjCount" th:text="${number.jjCount}"></strong></div>
       					</div>
       				</div>
       				<div class="detail-c-box">
       					<div class="detail-c">
       						<div class="detail-c-label">待定</div>
       						<div class="detail-c-count"><strong id="ddCount" th:text="${number.ddCount}"></strong></div>
       					</div>
       				</div>
       				<div class="detail-c-box">
       					<div class="detail-c">
       						<div class="detail-c-label">报名人数</div>
       						<div class="detail-c-count"><strong id="bmCount" th:text="${number.bmCount}"></strong></div>
       						<input id="zpId" type="hidden" th:value="${number.id}" />
       					</div>
       				</div>
       			</div>
       			
       			<div class="detail-row">
     				<div class="detail-s">
     					<span class="detail-s-bar"><span class="detail-s-btn" id="worktemplate">作品板式</span></span>
     					<span class="detail-s-bar active"><span class="detail-s-btn">用户板式</span></span>
     				</div>
     			</div>
       			
     		<div class="detail-table">
     			<h4 class="detail-table-title">报名用户
				<span class="detail-table-more">
					<a href="javascript:export_execl();"><i class="icon_export"></i>导出CSV</a>
				</span>
			</h4>
		    <div class="table_list">
               <div class="">
                   <table class="table">
                       <thead>
                       <tr>
						<th width="6%" class="order desc" data="asc" onclick="$('#pageJinji').pageReload({sort:'createdAt,'+$(this).attr('data')});">报名时间</th>
						<th width="6%"  class="order desc" data="asc" onclick="$('#pageJinji').pageReload({sort:'id,'+$(this).attr('data')});">参赛编号</th>
						<th width="6%" >组别</th>
						<th width="14%" >用户（ID）</th>
						<th width="10%" >电话</th>
						<th width="14%" >渠道</th>
						<th width="6%" >报名信息</th>
						<th width="8%" >票种</th>
						<th width="10%" ><div class="caret">
						<div class="caret-menu">
						   <span class="btn active" onclick="$('#pageJinji').pageReload({verifyState:''});">评审全部</span>
						   <span class="btn" onclick="$('#pageJinji').pageReload({verifyState:'DPS'});">待评审</span>
						   <span class="btn" onclick="$('#pageJinji').pageReload({verifyState:'DD'});">待定</span>
						   <span class="btn" onclick="$('#pageJinji').pageReload({verifyState:'JJ'});">已晋级 </span>
						</div>
						<span>评审全部</span>
						</div></th>
						<th width="6%" >作品</th>
						<th width="14%" >操作</th>
					   </tr>
                       </thead>
                       <tbody>
                     <script type="text/template" id="pageJinjiTabel">
		   						#for(data:content)#
									<tr>
										<td>#{data.createdAt}#</td>
										<td>#{data.number}#</td>
										<td>#{data.groupName}#</td>
										<td>#{data.userName}# (#{data.userNumber}#)</td>
										<td>#{data.userPhone}#</td>
										<td>#{data.refName}#</td>
										<td><span data='look' data-text='#{data.text}#' class="table-icon table-icon-info"></span></td>
										<td>#{data.epName}#</td>
										<td>#{data.verifyStateDesc}#</td>
										<td>
											#if(data.flg=='0')#
											--
											#endif#
											#if(data.flg=='1')#
											<a class="btn" href="javascript:check(#{data.id}#)">查看</a>
											#endif#
										</td>
										<td>
											<div class="group-btn">
												#if(data.verifyState=='DPS')#					
                                       			<a class="btn" href="javascript:updateApply(#{data.id}#,'DD')">待定</a>
												<a class="btn" href="javascript:updateApply(#{data.id}#,'JJ')">晋级</a>
												#endif#
												#if(data.verifyState=='DD')#
												<a class="btn" href="javascript:updateApply(#{data.id}#,'JJ')">晋级</a>
												#endif#
                                   			</div>
										</td>
									</tr>
								#endfor#
					 </script>
                     </tbody>
                 </table>
                 <div id="pageJinji"></div>
             </div>
          </div>
          </div>
          
       	</div>
	</div>
	
	<div id="userMask"  style="display:none">
		<div class="mask_div">
			<div class="mask"></div>
		</div>
	</div>
	
	</div>
  </body>
</html>